﻿@page "/components/chart"

<PageOutlet Url="components/chart"
            Title="Chart"
            Description="Chart component of the bit BlazorUI components" />

<div>
    @if (isLoadingAssemblies)
    {
        <LoadingComponent />
    }
    else
    {
        <DemoPage Name="Chart"
                  Description="Simple and flexible charting component for data visualization, which supports eight chart types: bar, line, area, pie, bubble, radar, polar, and scatter."
                  Parameters="componentParameters"
                  SubClasses="componentSubClasses"
                  GitHubExtrasUrl="Chart/BitChart.razor"
                  GitHubDemoUrl="Extras/Chart/BitChartDemo.razor">
            <NotesTemplate>
                <BitText>
                    To use this component, you need to install the
                    <BitLink Href="https://www.nuget.org/packages/Bit.BlazorUI.Extras" Target="_blank">
                        <BitTag Reversed
                                Text="Bit.BlazorUI.Extras"
                                Color="BitColor.SecondaryBackground"
                                IconName="@BitIconName.NavigateExternalInline" />
                    </BitLink>
                    nuget package, as described in the Optional steps of the
                    <BitLink Href="/getting-started">Getting started</BitLink> page.
                </BitText>
            </NotesTemplate>
            <Examples>
                <_BitChartBarDemo />

                <_BitChartHorizontalBarDemo />

                <_BitChartStackedBarDemo />

                <_BitChartLineDemo />

                <_BitChartPieDemo />

                <_BitChartDoughnutDemo />

                <_BitChartPolarAreaDemo />

                <_BitChartTimeDemo />

                <_BitChartScatterDemo />

                <_BitChartBubbleDemo />

                <_BitChartRadarDemo />
            </Examples>
        </DemoPage>
    }
</div>